﻿@font-face 
{
    font-family: 'Conv_Klavika-Regular';
    src: url('fonts/Klavika-Regular.eot');
    src: local('☺'), 
    url('fonts/Klavika-Regular.woff') format('woff'), 
    url('fonts/Klavika-Regular.ttf') format('truetype'), 
    url('fonts/Klavika-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body 
{
    background-color: White;
    font-size: 18px;
    color:#666666;
    font-family: Conv_Klavika-Regular, Sans-Serif;    
    padding: 2% 1% 2% 1%; 
}

.page
{    
    width:100%;     
}

.page img
{    
    border:none;
}

h1
{
    font-size:22px;
    padding:2% 0% 2% 0%;    
    margin:0%;
}

h2
{
    font-size:20px;
    padding:1% 0% 1% 0%;    
}

/**************************************************/
/***************POČETNA STRANICA*******************/
/**************************************************/
img#homeBgImg
{
    position:absolute;
    left:0px;
    right:0px;
    z-index:-1;
    width:100%;
    height:100%;
}

div#homePageBlockContainer
{
    width:100%;
    position:absolute;
    left:0px;
    top:40%;   
}

div#homePageCenterContainer
{
    width:65%;
    margin-left:auto;
    margin-right:auto;  
    font-size:80%;
}

div#homePageCenterContainer img
{
    width:100%;    
    border-bottom:1px solid #999999;
}

div#homeTitleStanovi
{
    float:left;
    width:25%;
}

div#homeTitlePoslovni
{
    float:right;
    width:75%;    
    text-align:right;
}

div#homePageCenterContainer a
{
    text-decoration:none; 
    color: #999999;
}

div#homePageCenterContainer a:link
{
    text-decoration:none; 
    color: #999999;
}

div#homePageCenterContainer a:visited
{
    text-decoration:none; 
    color: #999999;
}

div#homePageCenterContainer a:active
{
    text-decoration:none; 
    color: #999999;
}

/**************************************************/
/***************SUBMENU MASTER*********************/
/**************************************************/
div#submenuHeader
{
    padding-bottom:2%;
}

div#submenuHeader img
{
    width:100%;
}

div#submenuContent
{
    padding: 2% 0% 2% 0%;
    border-top:1px solid #999999;
    border-bottom:1px solid #999999;
}

table#subMenu
{
    width:100%;    
}

table#subMenu img
{
    width:95%;
}

table#subMenu tr
{
    width:50%;    
}

table#subMenu td
{    
    width:33%;    
}

/**************************************************/
/******************PAGE MASTER*********************/
/**************************************************/
div#header
{
    position:relative;
    padding-bottom:1%;
    overflow:auto;
}

div#header img 
{
    width:70%;
}

div#homePageLink
{
    position:absolute;
    left:0%;
    bottom:7%;
    width:50%;
}

div#bundekLogo
{
    float:right;
    width:50%;
    text-align:right;
}

div#content
{
    padding: 2% 0% 2% 0%;
    border-top:1px solid #999999;
    border-bottom:1px solid #999999;
    overflow:auto;
}

/**************************************************/
/******************O PROJEKTU**********************/
/**************************************************/
div#oProjektuText
{   
    padding-bottom:2%;
    border-bottom:1px dashed #999999;
}

div#oProjektuImages
{
    width:98%;
    padding:1%;   
}

div#oProjektuImages img
{
    max-width:100%;
    border:none;
}

/**************************************************/
/******************GARAŽA**************************/
/**************************************************/
div#garazaContainer
{
    width:100%;
}

div#garazaContainer img
{
    width:100%;
}

div#garazaImgContainer
{
    float:left;
    width:70%;
    border-right:1px dashed #999999;
    padding-right:2%;
    padding-top:7%;
}

div#garazaLinkContainer
{
    float:right;
    width:25%;
    padding-top:7%;
}

/**************************************************/
/******************PREGLED STANOVA*****************/
/**************************************************/
div#pregledStanovaInput
{
    background-image:url('Images/PregledInputBg.png');
    background-repeat:repeat-x;
    background-position:left top;
    width:100%;
    padding:2% 0% 2% 0%;
    font-size:50%;    
}

div#pregledStanovaInput select
{    
    font-size:90%;
    width:100%;
}

div#pregledStanovaInput input
{
    background-color:White;
    color:#666666;
    width:60%;    
}

table#pregledStanovaTable
{
    border-collapse:collapse;
    border: 1px solid #666666;
    width:100%;
    font-size:30%; 
    color:Black;
}

div.scrollWrapper{
  width:100%;
  /*height:150px;
  overflow-x:hidden;
  overflow-y:auto;*/
}

table#pregledStanovaTable thead
{
   
}

table#pregledStanovaTable tbody{

}

table#pregledStanovaTable th
{       
    border: 1px solid #666666;
    text-align:left;
    padding-left:1%;    
    background-color:#E6E6E6;   
}

table#pregledStanovaTable td 
{
    border: 1px solid #666666;
    text-align:left;
    padding: 0.5% 0% 0.5% 1%; 
}

table#pregledStanovaLinksTb
{
    margin-top:2%;
    width:100%;    
}

table#pregledStanovaLinksTb td
{
    width:25%;  
}

table#pregledStanovaLinksTb img
{
    width:95%;  
}

table#pregledStanovaTable a 
{
    display: block;
    width: 100%;
    height: 100%;
    text-decoration:none; 
    color:Black;        
}

table#pregledStanovaTable a:link
{
    display: block;
    width: 100%;
    height: 100%;
    color:Black;
}

table#pregledStanovaTable a:visited
{
    display: block;
    width: 100%;
    height: 100%;
    color:Black;
}

table#pregledStanovaTable a:active
{
    display: block;
    width: 100%;
    height: 100%;
    color:Black;
}

/**************************************************/
/******************RABATNA SKALA*******************/
/**************************************************/
table#rabatnaSkalaTable
{
    width:100%;
    border-spacing:0px;
    text-align:center;
}

table#rabatnaSkalaTable td
{
    padding:1%;
    font-size:10px;
}

tr#rstTitle
{
    background-color:#1C186F;
    text-align:left;
    color:White;
    width:100%;
}

tr#rstTitle th
{
    padding:2%;
}

tr#rstVrijemeUplate
{
     background-color:#CFCFD1;
     font-size:5px;
}

tr#rstVrijemeUplate th
{
     padding:1%;
}

tr#rstUdioUCijeni th
{
    text-align:left;
    padding: 1% 1% 1% 2%;
    font-size:10px;   
}

/**************************************************/
/*****************UVJETI KREDITIRANJA**************/
/**************************************************/


/**************************************************/
/*************KARAKTERISTIČNI STANOVI**************/
/**************************************************/
div#karakterStanovi
{
    width:100%;
    text-align:center;
}

div#karakterStanovi img
{
    max-width:100%;
}

/**************************************************/
/*************DETALJI O STANU**********************/
/**************************************************/
div#titleCode1
{
    width:100%;
    background-color:#00B000;
    color:White;
}

div#titleCode2
{
    width:100%;
    color:#00B000;    
}

table#apartmentInfoTable
{
    width:100%;
    margin:2% 0% 2% 0%;
}

table#apartmentInfoTable thead
{
    background-color:#7600FF;
    color:White;
}

table#apartmentInfoTable tbody
{    
    color:Black;
}

tr#grayRowInfoApTable
{
    background-color:#B7B5B5;
}

tr#ukupnaPovApartDetails
{
    background-color:#00B000;
}

img#apartmentDetailsPhoto
{
    max-width:100%;
    margin-bottom:2%;
}